<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="../../topshop/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="../../topshop/css/basic.css"/>
<link rel="stylesheet" type="text/css" href="../../topshop/css/style.css"/>
<script type="text/javascript" src="../../topshop/js/jquery-1.8.2.min.js"></script>
</head>

<body class="body_bj">
<div class="wrap">
    <div class="header">
        <div class="goback fl"><a href=""><img src="images/goback.png" alt="返回" /></a></div>
        <div class="search1 fl">
           <div class="search_le1 fl">
              <input type="text" />
           </div>
           <div class="search_ri1 fl"><button type="submit"><img src="images/search.png" width="18" height="18" /></button></div>
           <div class="clear"></div>
        </div>
        <div class="navbar fr">
            <div class="navbar_icon"><img src="images/nav_icon.png" /></div>
            <div class="nav">
               <ul>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
               </ul>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    
    <div id="demo01" class="flexslider">
	  <ul class="slides">
		<li><div class="img"><img src="images/ad_home.jpg"/></div></li>
		<li><div class="img"><img src="images/ad_yuetu.jpg" /></div></li>
		<li><div class="img"><img src="images/ad_nba.jpg" /></div></li>
	  </ul>
    </div>
    
    
    
    
    
    <div class="pro">
       <div class="product_tab">
          <ul class="product_tab_par">
             <li class="fl tab_par_li product_active"><a href="">综合排序</a></li>
             <li class="fl tab_par_li"><a href="">销量优先</a></li>
             <li class="fl tab_par_li">
               <a href="#" class="tab_par_a">价格</a>
               <ul class="product_tab_child">
                 <li class="tab_child_li"><a href="">从高往低</a></li>
                 <li class="tab_child_li"><a href="">从低往高</a></li>
               </ul>
             </li>
          </ul>
          <div class="clear"></div>
       </div>
       <div class="pro_con">
         <ul>
           <li class="fl">
             <a href="">
                <div class="pro_con_pic"><img src="images/pic.jpg" /></div>
                <p class="pro_con_title">这里是产品的标题这里是产品的标题这里是产品的标题这里是产品的标题</p>
                <div class="pro_txt">
                   <span class="pro_sp1 fl">￥28.8</span>
                   <span class="pro_sp2 fr">销量：30</span>
                   <div class="clear"></div>
                </div>
             </a>
           </li>
           <li class="fl">
             <a href="">
                <div class="pro_con_pic"><img src="images/pic.jpg" /></div>
                <p class="pro_con_title">这里是产品的标题这里是产品是产品的标题这里是产品的标题</p>
                <div class="pro_txt">
                   <span class="pro_sp1 fl">￥28.8</span>
                   <span class="pro_sp2 fr">销量：30</span>
                   <div class="clear"></div>
                </div>
             </a>
           </li>
           <li class="fl">
             <a href="">
                <div class="pro_con_pic"><img src="images/pic.jpg" /></div>
                <p class="pro_con_title">这里是产品的标题这里是产品的产品的标题这里是产品的标题</p>
                <div class="pro_txt">
                   <span class="pro_sp1 fl">￥28.8</span>
                   <span class="pro_sp2 fr">销量：30</span>
                   <div class="clear"></div>
                </div>
             </a>
           </li>
           <li class="fl">
             <a href="">
                <div class="pro_con_pic"><img src="images/pic.jpg" /></div>
                <p class="pro_con_title">这里是产品的标题这里是产品的标题的标题这里是产品的标题</p>
                <div class="pro_txt">
                   <span class="pro_sp1 fl">￥28.8</span>
                   <span class="pro_sp2 fr">销量：30</span>
                   <div class="clear"></div>
                </div>
             </a>
           </li>
         </ul>
         <div class="clear"></div>
       </div>
       
       <div class="page"><a href="">1</a><a href="">1</a><a href="">1</a><a href="">1</a></div>
       
       
    </div>
    
    <div class="footer">大唐一品商城</div>
    
    <div class="foot">
       <ul>
         <li class="fl">
           <a href="">
              <span><img src="images/foot04.png" /></span>
              <p>返回首页</p>
           </a>
         </li>
         <li class="fl">
           <a href="">
              <span><img src="images/foot03.png" /></span>
              <p>分类搜索</p>
           </a>
         </li>
         <li class="fl">
           <a href="">
              <span><img src="images/foot02.png" /></span>
              <p>购物车</p>
           </a>
         </li>
         <li class="fl">
           <a href="">
              <span><img src="images/foot01.png" /></span>
              <p>会员中心</p>
           </a>
         </li>
         <div class="clear"></div>
       </ul>
    </div>
    
    
    
    
</div>
<script type="text/javascript" src="../../topshop/js/slider.js"></script> 
<script type="text/javascript">

$(function(){
  $('#demo01').flexslider({
		animation: "slide",
		direction:"horizontal",
		easing:"swing"
	});
  
  $('.navbar_icon').click(function(){
	  $('.nav').slideToggle();
	  })
  $('.tab_par_a').click(function(){
	  $('.product_tab_child').slideToggle();
	  })
	
});
</script>
</body>
</html>
